<style type="text/css">
<!--
#satir{
	border-style:solid;
	border: 0;
	border-bottom:1px solid #000000;
}
.radyobuton{
/*	width:30px;
	height: 30px;*/ 
}
.icerikStyle{
	color:#FFFFFF;
	padding:10px;
	/*width:700px;
	height:400px;*/
    background: #555555;
    -moz-border-radius: 15px;
	border-radius: 15px;	
	z-index:200;
}

#fuzz{ 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	z-index:100; 
	/*background: url('/images/fuzz.gif'); */
	background-color: #000000;
	display:none; 
	text-align:left; 
	filter: alpha(opacity = 55);
    opacity:.55;
}  

.styledRadio {
	float:			left;
	clear:			both;
	/*margin-bottom:	0px;*/
	}
	
.styledCheckbox {
	float:			left;
	clear:			both;
	margin-bottom:	10px;
	}
	

-->
</style>
<script type='text/javascript' src='http://bye.anadolu.edu.tr/js/flashobject.js'></script>
<script type='text/javascript' src='/lib/jwplayer/jwplayer.js'></script>
<script src="http://bye.anadolu.edu.tr/js/jquery.screwdefaultbuttons.js"></script>

<script>
var videoHtmlArray=new Array();
var animHtmlArray=new Array();
var resimHtmlArray=new Array();
var resimlemeHtmlArray=new Array();
var sesHtmlArray=new Array();
$(document).ready(function(){
	$("#icerik").hide();
	//$("#icerik").position().left = "300px";//window.innerWidth; 
	$("#fuzz").css("height", $(document).height()); 
	$('input:radio').screwDefaultButtons({
		checked: 	"url(http://bye.anadolu.edu.tr/images/ozelform/radio_Checked.jpg)",
		unchecked:	"url(http://bye.anadolu.edu.tr/images/ozelform/radio_Unchecked.jpg)",
		width:		40,
		height:		40
	});
	
	$('input:checkbox').screwDefaultButtons({
		checked: 	"url(images/checkbox_Checked.jpg)",
		unchecked:	"url(images/checkbox_Unchecked.jpg)",
		width:		40,
		height:		40
	});
	$("#aIpucuGoster").click(function(e){
		ipucuGoster(e.pageX, e.pageY);
	});
	$("#aCokluortamGoster").click(function(e){
		cokluortamGoster(e.pageX, e.pageY);
	});
});
$(window).bind("resize", function(){  
   $("#fuzz").css("height", $(window).height());  
});

function videoKapat(){
	$("#icerik").html("");
	$("#icerik").hide();
	$("#fuzz").fadeOut();
	$("#fuzz").off("click",videoKapat);	
}
function videoGoster(videoHtml){
	sol = $(window).width()/2 - 330;
	ust = $(window).scrollTop() + 20;
	$("#icerik").css("left",sol+"px");
	$("#icerik").css("top",ust+"px");
	$("#icerik").show();
	$("#icerik").html(videoHtml);
	$("#fuzz").fadeIn();
}
function resimGoster(resimHtml){
	sol = $(window).width()/2 - 330;
	ust = $(window).scrollTop() + 20;
	$("#icerik").css("left",sol+"px");
	$("#icerik").css("top",ust+"px");
	$("#icerik").show();
	$("#icerik").html(resimHtml);
}
function mp3Cal(id){
	$("#"+id)[0].play();
}

function ipucuGoster(x,y){
	sol = x - 200;
	ust = y+5;
	$("#icerik").css("left",sol+"px");
	$("#icerik").css("top",ust+"px");
	$("#icerik").show();
	$("#icerik").html($("#ipucuAciklama").html());
	$("#fuzz").fadeIn();
	$("#fuzz").on("click",videoKapat);	
}
function cokluortamGoster(x,y){
	sol = x - 550;
	ust = y+5;
	$("#icerik").css("left",sol+"px");
	$("#icerik").css("top",ust+"px");
	$("#icerik").show();
	$("#icerik").html($("#cokluortamAciklama").html());
	$("#fuzz").fadeIn();
	$("#fuzz").on("click",videoKapat);	
}
</script>
<div id="fuzz"></div>
<div id="icerik" class="icerikStyle" style="position:absolute; top:20px;"></div>
<h1>
<?php echo Araclar::yaz("Uygulama","Apply"); ?>
</h1>
<p><?php echo Araclar::yaz("Lütfen uygulamasını yapmak istediğiniz beceriyi seçiniz. 
	Seçilen beceri için öğretim etkinliği gerçekleştiriniz. 
	Öğretim etkinliğini gerçekleştirdiğiniz sırada çocuğunuzun her bir beceri basamağındaki performansını işaretleyiniz. 
	Öğretim etkinliği sonunda kullandığınız ödülü seçerek kaydetmeyi unutmayınız.","Please select the skill that you want to teach"); ?></p>
<?php
//print_r($beceri_select_data);
$beceri_id = $this->beceriSec();
/*
if($beceri_id == 24){
	$user_id = Yii::app()->user->getId();
	if($user_id == 24|| $user_id == 26){
		$this->redirect("bekle");
	}
}    
 * 
 */
if($beceri_id > 0){
	Yii::app()->session['beceri_id'] = $beceri_id;
	//dikkat sağlama yönerge verme videosunun gösterilmesi durumunu kontrol et
	//$komut = Yii::app()->db->createCommand("SELECT b.id, b.beceri_adi FROM {{beceriler}} b, {{beceri_tespit}} t WHERE b.id = t.beceri_id AND t.ebeveyn_id=:id");
	//$komut->bindParam(":id",Yii::app()->user->getId());
	//$rows = $komut->queryAll();
	echo "<br>";
	echo "<table><tr><td>";
	echo "<b>".$beceri_select_data[$beceri_id]."</b>";
	echo "</td>";
	$gec = !empty($_POST['gec']) ? $_POST['gec']:0;
	$gec=1;//bunu daha sonra kaldıracaksın
	$kaydet = !empty($_POST['kaydet']) ? $_POST['kaydet']:0;
	if($gec!=0){
		$videoHtmlTum = $this->videoHtmlUret($beceri_id,0,'video');
		$animHtmlTum  = $this->resimHtmlUret($beceri_id,0,'anim',0);
		echo "<script>";
		echo "\nvideoHtmlTum=\"$videoHtmlTum\";\n";
		echo "\nanimHtmlTum=\"$animHtmlTum\";\n";
		echo "</script>";
		if($kaydet!=1){
			if(!empty($videoHtmlTum)){
				echo "<td align='center'>";
				echo "<img src='".Yii::app()->request->baseUrl."/images/cokluortam_video.png' onClick=\"videoGoster(videoHtmlTum)\"  style='cursor:pointer' />";
				echo "<br /><font size=3>";
				echo Araclar::yaz("(Tüm beceri için)","(Includes all steps)");
				echo "</font>";
				echo "</td>";
			}
			if(!empty($animHtmlTum)){
				echo "<td align='center'>";
				echo "<img src='".Yii::app()->request->baseUrl."/images/cokluortam_canlandirma.png' onClick=\"videoGoster(animHtmlTum)\" style='cursor:pointer'  />";
				echo "<br /><font size=3>";
				echo Araclar::yaz("(Tüm beceri için)","(Includes all steps)");
				echo "</font>";
				echo "</td>";
			}
		}
	}
	echo "</tr></table>";
	
	if($kaydet==1){
		echo "<div align='center'><br><br><br><b>";
		echo Araclar::yaz("KAYIT BAŞARILI","SAVED SUCCESSFULLY");
		echo "</b><br><br><br>";
		echo CHtml::link("Tekrar Uygula",Yii::app()->createUrl("beceri/uygulama/"));
		echo "<br><br><br><br></div>";
	}else if($gec==0){
		echo CHtml::beginForm();
		echo CHtml::hiddenField("beceri_id",$beceri_id);
		echo CHtml::hiddenField("gec",1);
		echo Araclar::yaz("<br><br><br>Öğretim Öncesi Hazırlıklar: <br>
			Dikkat sağlama, Yönerge verme ile ilgili açıklama ve video gösterimi
			<br><br><br>","<br><br><br>Pre-teaching Preparations: <br>
			Video demostration for gathering attention, giving instruction 
			<br><br><br>");
		echo CHtml::submitButton(Araclar::yaz("  Geç  ","  Skip  "));
		echo CHtml::endForm();
	}else{
		echo CHtml::beginForm();
		echo CHtml::hiddenField("beceri_id",$beceri_id);
		echo CHtml::hiddenField("gec",1);
		echo CHtml::hiddenField("kaydet",1);
		$komut = Yii::app()->db->createCommand("SELECT bb.id, bb.basamak_metni, bb.basamak_metni_en FROM {{beceriler}} b, {{beceri_basamaklari}} bb WHERE b.id = bb.beceri_id AND b.id=:id ORDER BY sira");
		$komut->bindParam(":id",$beceri_id);
		$rows = $komut->queryAll();
?>
<table cellspacing="0" width="100%">
	<tr>
		<td colspan="2" rowspan="2">&nbsp;</td>
		<td colspan="4" align="center">
		<a id="aIpucuGoster" href="#" class="button normal">
			<div style="font-size:12pt;"><?php echo Araclar::yaz("İpucu Türleri","Cue Types"); ?></div>
		</a>
		</td>
		<td colspan="5" rowspan="2" align="center" valign="top">
		<a id="aCokluortamGoster"  href="#" class="button normal">
			<div style="font-size:12pt;">
				<?php echo Araclar::yaz("Çokluortamlar","Multimedia"); ?>
			</div>
		</a>
		</td>
	</tr>
  <tr>
	<td width="32px" align="center" style='padding:0px;border-spacing:0px'>
		<img src="/images/ipucu_bagimsiz.png" />
	</td>
	<td width="32px" align="center" style='padding:0px;border-spacing:0px'>
		<img src="/images/ipucu_sozel.png" />
	</td>
	<td width="32px" align="center" style='padding:0px;border-spacing:0px'>
		<img src="/images/ipucu_model.png" />
	</td>
	<td width="32px" align="center" style='padding:0px;border-spacing:0px'>
		<img src="/images/ipucu_fiziksel.png" />
	</td>
  </tr>
	<?php 
		$js_betik ="";
		$say_video=0;
		$say_anim=0;
		$say_resim=0;
		$say_resimleme=0;
		$say_ses=0;
		$sesTags="";
		for($i=0;$i<count($rows);$i++){
			$videoHtml		= $this->videoHtmlUret($beceri_id,$rows[$i]["id"],'video',$say_video);
			$animHtml		= $this->resimHtmlUret($rows[$i]["id"],$say_anim,'anim');
			$resimHtml		= $this->resimHtmlUret($rows[$i]["id"],$say_resim,"resim");
			$resimlemeHtml	= $this->resimHtmlUret($rows[$i]["id"],$say_resimleme,"resimleme");
			
			//$sesHtml		= $this->sesHtmlUret($rows[$i]["id"],$say_ses);
			$model_bb = BeceriBasamaklari::model()->findByPk($rows[$i]["id"]);
			$ses_url=$model_bb->ses_url;
			$sesTag="";
			if($ses_url!=""){
				if(substr($ses_url, 0, 4)!="http"){
					$ses_url = "http://bye.anadolu.edu.tr/cokluortam/$model_bb->beceri_id/ses/$ses_url";
				}
				$sesTag = "<audio id='mp3$model_bb->id' name='mp3$model_bb->id' src='$ses_url' style='display:none;'></audio>";
			}
			$sesTags .= $sesTag;
			//Araclar::trace($resimlemeHtml);
			if(!empty($videoHtml)) $js_betik .= "\nvideoHtmlArray[".($say_video++)."]=\"$videoHtml\";\n";
			if(!empty($animHtml)) $js_betik .= "\nanimHtmlArray[".($say_anim++)."]=\"$animHtml\";\n";
		    if(!empty($resimHtml)) $js_betik .= "\nresimHtmlArray[".($say_resim++)."]=\"$resimHtml\";\n";
		    if(!empty($resimlemeHtml)) $js_betik .= "\nresimlemeHtmlArray[".($say_resimleme++)."]=\"$resimlemeHtml\";\n";
		    //if(!empty($sesHtml)) $js_betik .= "\nsesHtmlArray[".($say_ses++)."]=\"$sesHtml\";\n";
			
		    echo "<tr height='3px'><td></td></tr>";
			echo "<tr>";
			echo "<td id=\"beyaz_sol\">".($i+1)."</td>";
			echo "<td id=\"beyaz_orta\">";
			echo Araclar::yaz($rows[$i]["basamak_metni"],$rows[$i]["basamak_metni_en"]);
			echo "</td>";
			echo "<td id=\"beyaz_orta\" style='padding:0px;border-spacing:0px' align='center'><input class='radyobuton' type=\"radio\" name=\"basamak".$rows[$i]["id"]."\" value=\"1\" onClick='kaydedilmismi=false;' /></td>";	
			echo "<td id=\"beyaz_orta\" style='padding:0px;border-spacing:0px' align='center'><input class='radyobuton' type=\"radio\" name=\"basamak".$rows[$i]["id"]."\" value=\"4\" onClick='kaydedilmismi=false;' /></td>";	
			echo "<td id=\"beyaz_orta\" style='padding:0px;border-spacing:0px' align='center'><input class='radyobuton' type=\"radio\" name=\"basamak".$rows[$i]["id"]."\" value=\"3\" onClick='kaydedilmismi=false;' /></td>";	
			echo "<td id=\"beyaz_orta\" style='padding:0px;border-spacing:0px' align='center'><input class='radyobuton' type=\"radio\" name=\"basamak".$rows[$i]["id"]."\" value=\"2\" onClick='kaydedilmismi=false;' /></td>";	
			if($videoHtml!=""){
				echo "<td style='padding:0px;border-spacing:0px' id=\"beyaz_orta\" width='48px'>";
				echo "<img src='/images/cokluortam_video.png' onClick=\"videoGoster(videoHtmlArray[".($say_video-1)."])\"  style='cursor:pointer' />";
			}else{
				echo "<td style='padding:0px;border-spacing:0px' id=\"beyaz_orta\">";
			}
			echo "</td>";	
			if($animHtml!=""){
				echo "<td style='padding:0px;border-spacing:0px' id=\"beyaz_orta\" width='48px'>";
				echo "<img src='/images/cokluortam_canlandirma.png'  onClick=\"videoGoster(animHtmlArray[".($say_anim-1)."])\"  style='cursor:pointer' />";
			}else{
				echo "<td style='padding:0px;border-spacing:0px' id=\"beyaz_orta\">";
			}
			echo "</td>";	
			if($resimHtml!=""){
				echo "<td style='padding:0px;border-spacing:0px' id=\"beyaz_orta\" width='48px'>";
				echo "<img src='/images/cokluortam_fotograf.png' onClick=\"videoGoster(resimHtmlArray[".($say_resim-1)."])\"  style='cursor:pointer' />";
			}else{
				echo "<td style='padding:0px;border-spacing:0px' id=\"beyaz_orta\">";
			}
			echo "</td>";	
			if($resimlemeHtml!=""){
				echo "<td style='padding:0px;border-spacing:0px' id=\"beyaz_orta\" width='48px'>";
				echo "<img src='/images/cokluortam_resimleme.png' onClick=\"videoGoster(resimlemeHtmlArray[".($say_resimleme-1)."])\"  style='cursor:pointer' />";
			}else{
				echo "<td style='padding:0px;border-spacing:0px' id=\"beyaz_orta\">";
			}
			echo "</td>";	
			if($ses_url!=""){
				echo "<td style='padding:0px;border-spacing:0px' id=\"beyaz_orta\" width='48px'>";
				//echo "<img src='/images/cokluortam_seslendirme.png'  onClick=\"videoGoster(sesHtmlArray[".($say_ses-1)."])\" />";
				echo "<img src='/images/cokluortam_seslendirme.png'  onClick=\"mp3Cal('mp3$model_bb->id')\"  style='cursor:pointer' />";
				//echo $sesTag;
			}else{
				echo "<td style='padding:0px;border-spacing:0px' id=\"beyaz_orta\">";
			}
			echo "</td>";	
			echo "<td id=\"beyaz_sag\" width='2px'></td>";
			echo "</tr>";	
		}
		$komut2 = Yii::app()->db->createCommand(
			"SELECT o.id, o.odul, o.odul_en
			FROM {{beceriler}} b, {{odul_tercih}} t, {{odul}} o
			WHERE b.id = t.beceri_id 
			AND	t.odul_id = o.id 
			AND	t.ebeveyn_id=:id
			AND t.beceri_id=:beceri_id;"
		);
		$komut2->bindParam(":id",Yii::app()->user->getId());
		$komut2->bindParam(":beceri_id",$beceri_id);
		$rows = $komut2->queryAll();
		$odul_select_data = array();
		$odul_select_data[0] = Araclar::yaz("!!! Kullandığınız ödülü seçiniz","!!! Select the reward used");
		for($i=0; $i<count($rows); $i++){
			$odul_select_data[$rows[$i]['id']] = Araclar::yaz($rows[$i]['odul'],$rows[$i]['odul_en']);
		}
		echo "<tr>";
		echo "<td colspan=11>";
		echo "<br><br>";
		echo "<div align='center'>";
		echo CHtml::dropDownList("odul_id",0,$odul_select_data);
		echo "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
		echo CHtml::submitButton(Araclar::yaz("  K a y d e t  ","  S a v e  "), array('class'=>'button kaydet'));
		echo "</div>";
		echo "<br />";
		echo '<div id="odulresim" class="" style="position:relative;" align="center"></div>';
		echo "</td>";
		echo "</tr>";
		echo "</table>";
		echo "<div  style='display:none;'>";
		echo $sesTags;
		echo "</div>";
		echo "<br />";
		echo "<div id='ipucuAciklama'>";
		$this->renderPartial("_ipucu_aciklama");
		echo "</div>";
		echo "<br />";
		echo "<div id='cokluortamAciklama'>";
		$this->renderPartial("_cokluortam_aciklama"); 
		echo "</div>";
		echo CHtml::endForm();

		echo "<script>";
		echo $js_betik;
		echo "</script>";

	}
}
?>
<script language="JavaScript">
$("#odul_id").change(function () {
  odulResimGoster();
});

function odulResimGoster(){
	url = "http://bye.anadolu.edu.tr/index.php/giris/odulresim?id=" + $("#odul_id").val();
	$("#odulresim").load(url);
}
</script>



<?php
echo Araclar::sayfaAltiButonlari("beceri/goruntule", "giris/beceri", "beceri/raporlar");
?>